---
title: Feature Grids
description: Explore a curated collection of feature grid components built with Tailwind CSS v4. Display product features, benefits, and service highlights with modern, responsive layouts perfect for marketing websites.
category: marketing
emoji: ✨
slug: feature-grids
tag: new
terms:
  - benefits
  - highlights
components:
  - { title: 'Grid with content', dark: true }
  - { title: 'List with content', dark: true }
  - { title: 'Simple grid', dark: true }
  - { title: 'Grid with list items', dark: true }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Feature Grid Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
